$(function () {
  let q = {
    pagenum: 1,
    pagesize: 2,
    cate_id: '',
    state: ''
  }
  //渲染文章类别
  initArtCateList()

  function initArtCateList() {
    axios.get('/my/article/cates').then(res => {
      console.log(res);
      let arr = ['<option value="">请选择文章类别</option>']
      res.data.data.forEach(element => {
        arr.push(`
      <option value="${element.Id}">${element.name}</option>
      `)
      })
      $('[name="cate_id"]').html(arr.join(''))
      layui.form.render()
    })
  }
  initArtList()

  function initArtList() {
    axios.get('/my/article/list', {
      params: q
    }).then(res => {
      if (res.data.status !== 0) {
        return
      }

      let arr = []
      res.data.data.forEach(element => {
        arr.push(`
        <tr>
              <td>${element.title}</td>
              <td>${element.cate_name}</td>
              <td>${dateFormat(element.pub_date)}</td>
              <td>${element.state}</td>
              <th>
                <button type="button" class="btn-edit layui-btn layui-btn-xs" data-id="${element.Id}">修改</button>
                <button type="button" class="btn-del layui-btn layui-btn-danger layui-btn-xs" data-id="${element.Id}">删除</button>
              </th>
            </tr>
        `)
      });
      $('tbody').html(arr.join(''))
      // console.log(res);
      renterPage(res)
    })
  }
  //筛选
  $('form').on('submit', function (e) {
    e.preventDefault()
    q.cate_id = $('[name="cate_id"]').val()
    q.state = $('[name="state"]').val()
    initArtList()
  })

  function renterPage(total) {

    var laypage = layui.laypage;

    //执行一个laypage实例
    laypage.render({
      elem: 'test1',
      limit: q.pagesize, //注意，这里的 test1 是 ID，不用加 # 号
      count: total.data.total, //数据总数，从服务端得到
      limits: [2, 10, 15, 20],
      curr: q.pagenum,
      layout: ['count', 'limit', 'skip', 'prev', 'page', 'next'],
      jump: function (obj, first) {
        //obj包含了当前分页的所有参数，比如：
        // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。  
        //首次不执行
        if (!first) {
          //do something
          q.pagenum = obj.curr
          q.pagesize = obj.limit
          initArtList()
        }
      }
    });

  }
  //删除
  $('body').on('click', '.btn-del', function () {
    axios.get(`/my/article/delete/${$(this).attr('data-id')}`).then(res => {
      console.log(res);
      // if($('.btn-del').length<1&&q.pagenum>=1){}
      $('.btn-del').length == 1 && q.pagenum >= 2 && q.pagenum--
      initArtList()
    })
  })





})